dado que utilizo varias entradas mat similares dentro de un formulario de plantilla, defino una plantilla ng para estas entradas mat y me refiero a ella a través de *ngTemplateOutlet y también paso datos relacionados a la plantilla como se muestra a continuación:
<ng-template #formFieldInput let-hintMsg="hintMsg" let-lable="lable" let- dataBinding="dataBinding"> <mat-form-field appearance="outline" class="fa"> <mat-label>{{lable}}</mat-label> <input matInput type="text" name="nationalCode" [(ngModel)]="dataBinding" [disabled]="!personalInfoEdit"/> <mat-hint *ngIf="personalInfoEdit">{{hintMsg}}</mat-hint> </mat-form-field> </ng-template> // ... <ng-container *ngTemplateOutlet="formFieldInput; context:{hintMsg: 'Enter National Code', lable: 'National Code', dataBinding: profileDetails.nationalCode} "> </ng-container>pero tengo este error:
[webpack-dev-middleware] Error: Cannot assign value "$event" to template variable "dataBinding". Template variables are read-only.como se puede solucionar este problema? saludos